body {
  font-family: 'Inter', sans-serif;
  background-color: #adb6c5;
  margin: 0;
  color: #2f3642;
}

.button {
  font-family: 'Inter', sans-serif;
  padding: 3px;
  margin-right: 7px;
  background-color: transparent;
  border: 1px solid #2f3642;
  color: #2f3642;
  border-radius: 10px;
  transition: 0.4s;
}

input:-webkit-autofill {
  color: #adb6c5 !important;
}

.button:disabled {
  border: 1px solid #7d90b0;
  color: #7d90b0;
}

.wrapper {
  display: flex;
  max-width: 100vw;
  justify-content: center;
  align-items: center;
}

.box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  border: 1px solid #2f3642;
  border-radius: 20px;
}

input:focus {
  outline: none;
}

@media (hover: hover) {
  .button:not(:disabled):hover {
    color: rgb(78, 110, 137);
    border-color: rgb(78, 110, 137);
    transition: 0.4s;
    cursor: pointer;
  }
}
